<template>
    <Panel :class="[$style.panel, cname]" title="公司信息、版权所有">
        <ul :class="$style.content">
            <li>
                <img src="//img12.360buyimg.com/jrpmobile/jfs/t2842/350/3035567089/14791/5f6ff93d/577cf395N31e76288.png?width=1125&height=252" alt="">
            </li>
            <li :class="$style.edition">
                <div>
                    <img src="//img12.360buyimg.com/jrpmobile/jfs/t3991/64/2521945388/12110/93c0139/58d1e462Ncf294123.png?width=132&height=132" alt="">
                    <p>客户端</p>
                </div>
                <div>
                    <img src="//img12.360buyimg.com/jrpmobile/jfs/t5590/252/875247023/17343/946aa72c/59224650N0f7ffc92.png?width=132&height=132" alt="">
                    <p>触屏版</p>
                </div>
                <div>
                    <img src="//img12.360buyimg.com/jrpmobile/jfs/t5488/298/1036263348/12073/b4f4de97/590ac8e8Ne9def22e.png?width=135&height=135" alt="">
                    <p>电脑版</p>
                </div>
            </li>
            <li>Copyright © 2004-2018 京东JD.com 版权所有</li>
            <li>投资有风险，购买需谨慎</li>
            <li>京东金融平台服务协议</li>
            <li>京东金融隐私政策</li>
        </ul>
    </Panel>
</template>

<script>
    import Panel from '../core/panel.vue'
    export default {
        components : {
            Panel
        },

        props : {
            cname : {
                type    : String,
                default : ''
            }
        }
    }
</script>

<style lang="scss" module>
    @import '../../css/element.scss';
    .panel {
        @include panel;
        margin-bottom: 100px;

        >h4 {
            display: none;
        }

        .content {
            @include flex;
            background: #f5f5f5;

            li {
                width: 100%;
                box-sizing: border-box;
                text-align: center;
                color: #999;
                font-size: 24px;

                &:nth-child(n+3){  // 表示从3开始
                    height: 86px;
                    line-height: 38px;
                    padding-top: 24px;
                    padding-bottom: 24px;
                    border-top: 1px solid #ddd;
                }

                >img {
                    width: 100%;
                    height: 144px;
                }
            }

            .edition {
                @include flex(row);
                height: 186px;

                div {
                    width: 33.333333%;
                    box-sizing: border-box;
                    padding-top: 20px;

                    img {
                        width: 90px;
                        height: 90px;
                    }
                    p {
                        font-size: 26px;
                        color: #999;
                        margin-top: 12px;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        overflow: hidden;
                    }
                }
            }
        }
    }
</style>
